* {
	margin: 0;
	padding: 0;
	border: none;
}

html,
body {
	width: 100%;
	height: 100%;
}

#page {
	width: 100%;
	height: 100%;
	background: url(../img/背景.jpg);
}

.page1-1 {
	width: 100%;
	height: 100%;
	background: url(../img/背景.jpg);
	animation: jb 2s linear;
	-webkit-animation:jb 2s linear;
}

@keyframes jb {
	from {
		opacity: 1;
	}
	to {
		opacity: 0.2;
	}
}
@-webkit-keyframes jb {
	from {
		opacity: 1;
	}
	to {
		opacity: 0.2;
	}
}

.page1 {
	position: absolute;
	width: 10rem;
	height: 10.43410852713178rem;
	top: 0rem;
	left: 1rem;
	background: url(../img/灯笼.png);
	background-size: contain;
	animation: dl 2s linear infinite;
	transform-origin: 50% 0;
	-webkit-animation: dl 2s linear infinite;
}

@keyframes dl {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes dl {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.page2 {
	position: absolute;
	width: 10rem;
	height: 10.43410852713178rem;
	top: 0rem;
	right: 1rem;
	background: url(../img/灯笼.png);
	background-size: contain;
	animation: dl2 2s linear infinite;
	transform-origin: 50% 0;
	-webkit-animation: dl2 2s linear infinite;
}

@keyframes dl2 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes dl2 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.page3 {
	position: absolute;
	width: 20rem;
	height: 14.44723618090452rem;
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 30rem;
	margin: auto;
	background: url(../img/鸡年大吉阴影.png);
	background-size: contain;
	animation: ja 3s linear infinite;
	-webkit-animation: ja 3s linear infinite;
}

@keyframes ja {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ja {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

.page4 {
	position: absolute;
	width: 20rem;
	height: 4.833759590792839rem;
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 24rem;
	margin: auto;
	background: url(../img/鸡年大吉.png);
	background-size: contain;
	animation: jndj 3s linear infinite;
	-webkit-animation: jndj 3s linear infinite;
}

@keyframes jndj {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes jndj {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

.page5 {
	position: absolute;
	width: 9rem;
	height: 8.472rem;
	top: 0rem;
	left: 0rem;
	right: 0rem;
	bottom: 35rem;
	margin: auto;
	background: url(../img/2017标志.png);
	background-size: contain;
}

.page6 {
	position: absolute;
	width: 15rem;
	height: 15.68306010928962rem;
	left: 0rem;
	bottom: 12rem;
	margin: auto;
	background: url(../img/男孩.png);
	background-size: contain;
	animation: xj1 2s infinite linear;
	-webkit-animation: xj1 2s infinite linear;
}

@keyframes xj1 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes xj1 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.page7 {
	position: absolute;
	width: 15rem;
	height: 16.26679462571977rem;
	right: 0rem;
	bottom: 12rem;
	margin: auto;
	background: url(../img/女孩.png);
	background-size: contain;
	animation: xj2 2s infinite linear;
	-webkit-animation: .xj2 2s infinite linear;
}

@keyframes xj2 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes xj2 {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-30deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.page8 {
	position: absolute;
	width: 12rem;
	height: 1.876651982378855rem;
	top: 0rem;
	right: 5rem;
	bottom: 18rem;
	margin: auto;
	background: url(../img/丁酉年.png);
	background-size: contain;
}

#p1 {
	background: url(../img/背景2.jpg);
	width: 100%;
	height: 100%;
	background-size: contain;
}

.p2 {
	position: absolute;
	width: 18rem;
	height: 9.657370517928287rem;
	left: 0rem;
	bottom: 40rem;
	margin: auto;
	background: url(../img/恭贺新春.png);
	background-size: contain;
	animation: ja 3s linear infinite;
	-webkit-animation: ja 3s linear infinite;
}

@keyframes ja {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(1.1);
		opacity: 0.2;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	75% {
		transform: scale(0.9);
		opacity: 0.2;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes ja {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(1.1);
		opacity: 0.2;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	75% {
		transform: scale(0.9);
		opacity: 0.2;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.p3 {
	position: absolute;
	width: 20rem;
	height: 25.45034642032333rem;
	right: 0rem;
	top: 0rem;
	margin: auto;
	background: url(../img/梅花.png);
	background-size: contain;
}

.p4 {
	position: absolute;
	width: 10rem;
	height: 14.149377593361rem;
	bottom: 0rem;
	left: 15rem;
	background: url(../img/左公鸡.png);
	background-size: contain;
	background-size: contain;
	animation: gj1 5s infinite linear;
	-webkit-animation: gj1 5s infinite linear;
}

@keyframes gj1 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes gj1 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.p5 {
	position: absolute;
	width: 10rem;
	height: 14.149377593361rem;
	bottom: 0rem;
	right: 0rem;
	background: url(../img/右公鸡.png);
	background-size: contain;
	animation: gj2 5s infinite linear;
	-webkit-animation: gj2 5s infinite linear;
}

@keyframes gj2 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes gj2 {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-20deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(20deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.p6 {
	position: absolute;
	width: 22rem;
	height: 12.61626248216833rem;
	left: 0rem;
	right: 0rem;
	bottom: 17rem;
	margin: auto;
	background: url(../img/盼盼祝福语.png);
	background-size: contain;
	animation: bn 3s linear;
	-webkit-animation: bn 3s linear;
}

@-webkit-keyframes bn {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

@keyframes bn {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

.p7 {
	position: absolute;
	width: 12rem;
	height: 11rem;
	left: 0rem;
	bottom: 0rem;
	background: url(../img/18580001_14.png);
	background-size: contain;
}

.qiqiu {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 20rem;
	height: 20rem;
	background: url(../img/气球.png);
	background-size: contain;
	animation: qq 15s infinite linear;
	-webkit-animation: qq 15s infinite linear
}

@keyframes qq {
	from {
		transform: translateY(60rem);
	}
	to {
		transform: translateY(-20rem);
	}
}

@-webkit-keyframes qq {
	from {
		transform: translateY(60rem);
	}
	to {
		transform: translateY(-20rem);
	}
}